//楼层滚动 移入 移出 显示和隐藏
     /*
     找li 绑定 移入移出 的事件
     移入 做显示  宽变80 
     移出  做隐藏 宽变 40

     难点是变颜色:
     第一个对应:red 
     第二个对应:黄 
     第三个对应:绿色 
     第四个对应:蓝色
     第五个对应:粉色
     */
    //颜色数组 跟li 做对应关系
    let bgcArr=["red","#f60","green","blue","pink"]
    $("#floorBox ul li").hover(function(){
        //这个函数做移入的
        $(this).css("width",80)
        let index=$(this).index()
        $(this).css("backgroundColor",bgcArr[index])
    },function(){
        //这个函数做移出的
        $(this).css("width",'')
        //$(this).css("background",'') ''表示用默认值
        $(this).css("background",'')
    })

    //点击滚动
    $("#floorBox ul li").click(function(){
        /*
            1.获取当前li 的索引 匹配指定楼层(如何匹配)
            
            2.设置滚动距离:
                找到对应的楼层 到 顶部的 距离:(如何获取这个距离)
                滚动到 距离就可以了
        */

        let index=$(this).index();

        //找楼层 主要是为了获取 楼层到 底部的距离(重点 获取位置)
        let sTop=$(".floor").eq(index).offset().top
        // 滚动到 sTop:如何到 哪里 照着下面抄
        $("html,body").animate({"scrollTop":sTop},1500)

    })